@rem: 750/15rem;


.ab{
    position:absolute;
}

/* 第一张屏 */
.section-1{
    .section-box-1{

        /* 顶部花 */
        .s1-flower-top{
            width:100%;height:580/@rem;position:relative;
            img{ height:100%;position: absolute; }
            .s1-flower-tl{ left:-20/@rem;top:0; }
            .s1-flower-tr{ right:-150/@rem;top:60/@rem; transform-origin:-200/@rem 200/@rem;}
        }

        /* 中间圆 */
        .s1-circle-center{
            width:100%;height:730/@rem;position:absolute;left:0;top:250/@rem;
            .s1-circle{
                width:96%;height:100%;border-radius:50%;background-color: #fff;position:absolute;left:2%;
                .s1-circle-inner{
                    width:100%;height:100%;transform:scale(.96);border:2px solid #45c7a4;border-radius: 50%;
                }
            }
            .s1-title-1{
                width:410/@rem;.ab;left:50%;margin-left:-205/@rem;top:125/@rem;
            }
            .s1-title-2{
                width:430/@rem;.ab;top:290/@rem;left:50%;margin-left:-215/@rem;
            }
            .s1-line{
                width:455/@rem;.ab;height:3/@rem;top:360/@rem;left:50%;margin-left:-225/@rem;background-color:#e6a69f;
                &:before{
                    content:'';.ab;width:78/@rem;height:5/@rem;background-color: #d36357;left:50%;top:-1/@rem;margin-left:-40/@rem;
                }
            }
            .s1-title-3{
                width:320/@rem;.ab;left:50%;top:400/@rem;margin-left:-160/@rem;
            }
            .s1-title-4{
                width:450/@rem;.ab;left:50%;top:470/@rem;margin-left:-225/@rem;
            }
            .s1-title-5{
                width:180/@rem;.ab;left:50%;top:560/@rem;margin-left:-90/@rem;
            }
            .s1-title-6{
                width:250/@rem;.ab;left:50%;top:620/@rem;margin-left:-125/@rem;
            }
        }

    }

    /* 下面花 */
    .s1-flower-bottom{
        width:100%;height:400/@rem;position:absolute;bottom:0;left:0;
        img{ height: 500/@rem; .ab; }
        .s1-flower-bl{
            left:-240/@rem;top:160/@rem;
        }
        .s1-flower-br{
            right:-50/@rem;top:130/@rem;
        }
    }
}

/* 第三张屏 */
.section-3{
    .section-box-3{
        .s3-flower-top{
            width:100%;height:400/@rem;.ab;left:0;top:0;z-index:2;
            img{ height:100%; .ab; }
            .s3-flower-tl{ left:-136/@rem; top: -80/@rem; height:80%;}
            .s3-flower-tr{ height: 90%; right:-180/@rem; top: -120/@rem; }
        }
        .s3-flower-bottom{
            width:100%;height:500/@rem;.ab;left:0;bottom:0;z-index:2;
            img{ height:100%; .ab; }
            .s3-flower-lb{ left: -100/@rem; bottom: -120/@rem; height:90%;}
            .s3-flower-rb{ right: -110/@rem; bottom: -150/@rem; height: 88%;}
        }
        .s3-c-bg{
            width:94%;height:90%;.ab;margin-left:3%;margin-top:50/@rem;background:#fefefe url(../images/3/bg.png) repeat;
            &:before{
                content:'';display: block;.ab;left:0;top:0;width:100%;height:100%;transform: scale(.96);border: 3/@rem solid #45c7a4;
            }
        }
        .s3-img-invatation{ .ab;width:330/@rem;left:50%;margin-left:-165/@rem; }
        .s3-img-invatation-top{  top:120/@rem; }
        .s3-img-invatation-bottom{  bottom:150/@rem; }

        .s3-img-title{ width:92%;.ab;top:186/@rem;left:4%;}

        .s3-date-arrange{
            width:92%;.ab;top:380/@rem;left:4%;display: flex;flex-wrap: nowrap;font-size:23/@rem;color:#c16961;font-weight: bold;

            .s3-time-column{
                width:35%;height:100%;position:relative;text-align: right;
                .s3-time-time{ .ab;right:0; }
                .s3-time-time-1{ top: 0; color: #93504a;}
                .s3-time-time-2{ top: 90/@rem; }
                .s3-time-time-3{ top: 225/@rem; color: #93504a;}
                .s3-time-time-4{ top: 430/@rem; }
                .s3-time-time-5{ top: 570/@rem; color: #93504a;}
            }

            .s3-dot-column{
                width:15%;height:100%;position:relative;
                .s3-dot{ .ab; background-image: url(../images/3/space-lx.png);background-repeat: no-repeat;background-size: 100% 100%; width:33/@rem; height:33/@rem; left:50%; margin-left:-16/@rem;}
                .s3-dot-1{ top: 0; background-image: url(../images/3/solid-lx.png);}
                .s3-dot-2{ top: 90/@rem; }
                .s3-dot-3{ top: 225/@rem; background-image: url(../images/3/solid-lx.png);}
                .s3-dot-4{ top: 430/@rem; }
                .s3-dot-5{ top: 570/@rem; background-image: url(../images/3/solid-lx.png);}
            }

            .s3-text-column{
                width:50%;height:100%;position:relative;
                .s3-text{ .ab;text-align: left;left:0; width:256/@rem;line-height: 50/@rem; margin-top:-9/@rem;}
                .s3-text-1{ top: 0; color: #93504a;}
                .s3-text-2{ top: 90/@rem; }
                .s3-text-3{ top: 225/@rem; color: #93504a;}
                .s3-text-4{ top: 430/@rem; }
                .s3-text-5{ top: 570/@rem; color: #93504a;}
            }

            .s3-text-active{ color: #93504a; }
        }
    }
}